<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1、创建一个电脑对象，该对象主要有颜色、重量、品牌、型号，可以看电影、听音乐、打游戏和敲代码。
        var computer = {
            color: '黑色',
            weight: '2kg',
            brand: '神州',
            model: '战神',
            play: function() {
                console.log('看电影');
                console.log('听音乐');
                console.log('打游戏');
                console.log('敲代码');
            }
        }
        for (var k in computer) {
            console.log(k + ':');
            console.log(computer[k]);
        }

        // 2、创建一个按钮对象，该对象中需要包含宽、高、背景颜色和点击行为
        var buttom = {
            width: '20px',
            height: '10px',
            bgc: 'pink',
            onclick: function() {
                console.log('点击');
            }
        }
        for (var key in buttom) {
            console.log(key + ':');
            console.log(buttom[key]);
        }

        // 3、创建一个车的对象，该对象要有重量、颜色、牌子，可以载人、拉货和耕田
        var car = {
            weight: '3t',
            color: '黑色',
            brand: '大众',
            action: function() {
                console.log('载人');
                console.log('拉货');
                console.log('耕田');
            }
        }
        console.log(car.weight);
        console.log(car.color);
        console.log(car['brand']);
        car.action();
    </script>
</head>

<body>

</body>

</html>